<template>
  <swiper class="swiper" :indicator-dots="indicatorDots" :autoplay="autoplay" :interval="interval" :duration="duration">

            <swiper-item v-for="(item, index) in images" :key="index">
                <img :src="item.picUrl" class="slide-image" mode="aspectFill"/>
            </swiper-item>

    </swiper>

</template>

<script>
  export default{
    props: {
    images: {
      type: Array
    }
  },
  data() {
    return {
      indicatorDots: true,
      autoplay: true,
      interval: 3000,
      duration: 500
    };
  },
  mounted(){
    console.log(this.images)
  },
  methods:{

  }

  }
</script>

<style scoped>
  .swiper {
    width: 100%;
 /* height: 240px; */
}
image {
  height: 100%;
  width: 100%;
}
</style>
